.resourceRoot
{
	height: 300px;
	flow-children:right;
	horizontal-align:right;
	vertical-align: middle;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat round;	
}
.res
{
	width: 100%;
	height: 35px;
	flow-children:right;
	
}
.kill_num
{
	width: 300px;
	height: 80%;
	background-color: #272822;
	flow-children:down;
}
.head
{
	color: white;
	font-weight: bold;
	font-size: 21px;
	margin-left: 45px;
	
}
#btn_hid:hover
{
	background-color: green;

}
#aaa
{
	
  	color: white;
}
#main
{
	height: 90%;
	width: 100%;
	flow-children:down;
}
#wood
{
	width: 100%;
	height: 33%;
	flow-children:right;
}
#food
{
	width: 100%;
	height: 33%;
	flow-children:right;
}
#life
{
	width: 100%;
	height: 33%;
	flow-children:right;
}
.myfont
{
	text-align: center;
	vertical-align: middle;
  	horizontal-align: center;
  	font-size: 21px;
  	color: white;
}
#resource_wood1
{
	margin-left: 20px;
	color: white;
}
#resource_food1
{
	color: white;
	margin-left: 20px;
}

#kill_num2
{
	flow-children:down;
}
#gold
{
	margin-left: 10px;
}
.btn_gold:hover
{
	background-color: green;
}
.haha
{
	width: 100%;
	height: 40px;
	margin-top: 10px;
}

.btn_gold
{
	margin-left: 230px;
	width: 60px;

}
.name
{
	margin-left: 15px;
	width: 100px;
	color: white;
	font-weight: bold;
	font-size: 21px;
}
.kill
{
	margin-left: 90px;
	width: 130px;
	font-weight: bold;
	text-align: center;
	font-size: 21px;
	color: white;
}
#pl1
{
	visibility: collapse;
	flow-children:right;
}
#pl2
{
	visibility: collapse;
}
#pl3
{
	visibility: collapse;
}
#pl4
{
	visibility: collapse;
}
.resourceRoot2{
	width:100%;
	height:100%;
}
.res_row_gold
{
	width: 200px;
	height: 40px;
	horizontal-align: right;
	vertical-align: bottom;

	flow-children:right;

	margin-bottom: 120px;
	margin-right: 20px;
}
#gold_img{
	width: 32px;
	height:32px;
	margin-left: 15px;
}
#gold_label{
	color: yellow;
	font-size: 21px;
	vertical-align: bottom;
}
#res_left{
	width: 70px;
	height: 100%;

	transition: position 2.0s ease-in-out 0.0s;
}